<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设备维护管理</title>
    <link rel="stylesheet" href="../css/page2.css">
</head>
<body>
    <button class="hidden-button" onclick="window.location.href='./mine_new.html'">按钮</button>
    <div class="container">
        <h1>设备维护管理</h1>
        <div class="action-buttons">
            <button id="addButton">添加</button>
            <button id="showFormButton">添加记录</button>
            <button id="deleteButton">删除</button>
            <button id="maintainButton">维护</button>
        </div>

        <div id="maintenanceDetails">
            <!-- 设备维护详情将动态加载 -->
        </div>
    </div>

    <!-- 弹窗表单 -->
    <div id="overlay"></div>
    <div id="popupForm">
        <h2>添加记录</h2>
        <input type="text" id="id" placeholder="ID"><br>
        <input type="text" id="equipment_id" placeholder="设备ID"><br>
        <input type="text" id="location" placeholder="位置"><br>
        <input type="datetime-local" id="report_time" placeholder="报告时间"><br>
        <input type="datetime-local" id="completion_time" placeholder="完成时间"><br>
        <input type="text" id="maintenance_person" placeholder="维修人员"><br>
        <input type="text" id="status" placeholder="状态"><br>
        <button id="submitButton" class="popup-button">提交</button>
        <button id="closeButton" class="popup-button">关闭</button>
    </div>

    <script src="../script/page2.js"></script>
</body>
</html>
